Choosing Chart Types: Consider Context 選擇圖表型別
透過背景和對比來展示使用者體驗資料。
定量使用者體驗資料有助於決策,但製作清晰圖表往往具有挑戰性。遵循以使用者為中心的設計方法可建立有效圖表。
設計圖表時,先明確觀眾需求和期望行動,再選擇合適圖表型別。
本文涵蓋的內容 (What This Article Does and Does Not Cover)
主要內容:本文重點討論解釋性資料視覺化,即如何向團隊、利益相關者或客戶傳達發現。
不涵蓋內容
- 資訊圖表:結合多種視覺元素講述故事的綜合展示。
- 儀錶板設計:資料監控或實時展示。
用於製作更好圖表的 3 個 C (The 3 Cs for Better Charts)
記住優秀圖表的三要素:
- Context (上下文):賦予資料背景。
- Clutter-free (無雜亂):保持整潔。
- Contrast (對比):透過對比突出重點。
本系列文章將逐一探討這三個要素。本文聚焦於上下文的重要性及其對圖表選擇的指導作用。
上下文 (Context)
數字資料離開上下文毫無意義。例如,若僅告知某電商應用的結賬完成率為24%,這資訊可能毫無價值,除非補充其去年完成率僅為17%。
在使用者體驗領域,常見的對比方式包括:
- 不同時期的同一資料點,如某任務在重新設計前後的完成時間。
- 類似產品、功能或使用者群體的比較,如:
- 公司產品與競爭對手產品對比。
- 不同頁面模板的效能比較。
- 使用者群體之間的行為對比。
此外,理解基本實驗設計和統計知識(如置信區間、統計顯著性)對於數值資料的比較至關重要。
選擇圖表型別 (Choosing a Chart Type)
常用圖表型別建議:柱狀圖、折線圖或散點圖。根據目標和情境選擇最適合的圖表。
柱狀圖 (Bar Charts)
柱狀圖適用於大多數使用者體驗比較場景,易於理解且直觀清晰。
- 單一柱狀圖:用於展示設計前後的轉化率差異等。

- 配對柱狀圖:適合對比不同使用者群體(如消費者與設計師)在重新設計前後的表現。按使用者群體分組效果更好,便於快速比較不同時間段的差異。

- 水平柱狀圖:當標籤較長時是更好的選擇,避免文字傾斜或縮寫影響可讀性。

- 堆積柱狀圖:顯示任務成功、失敗及需要幫助的比例,但因難以比較不同部分的起點,不建議使用。




折線圖 (Line Charts)
用於展示時間趨勢,如客戶滿意度分數的變化趨勢。應在時間軸標註具體資料點位置以增加清晰度。

散點圖 (Scatter Plots)
適用於展示兩個變數間的關係,如某應用中功能的使用頻率與覆蓋範圍的關聯。

要避免的圖表型別 (Chart Types to Avoid)
避免複雜且難以解讀的圖表型別,如:
- 餅圖
- 氣泡圖
- 馬賽克圖表
- 單點陣圖或華夫餅圖
- 桑基圖或樹狀圖
- 堆積面積圖
這些圖表要求使用者評估角度、面積或體積,對資訊處理有較高要求,僅在確有必要時選擇。